<!doctype html>
<html class="no-js" lang="">

<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<meta property="og:title" content="">
	<meta property="og:type" content="">
	<meta property="og:url" content="">
	<meta property="og:image" content="">
	
	<link rel="manifest" href="site.webmanifest">
	<link rel="apple-touch-icon" href="icon.png">
	
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="css/page_index.css">
	
	<meta name="theme-color" content="#fafafa">
	
	<style>
		html, body {
			width: 100%;
			height: 100%;
		}
		
		li {
			list-style: none;
		}
		
		p, ul {
			padding: 0;
			margin: 0;
		}
	</style>
</head>

<body>

<div id="top_menu">
	<div id="menu_wrap">
		<a class="menu_link">官网首页</a>
		<a class="menu_link">福利活动</a>
		<a class="menu_link">新闻资讯</a>
		<a class="menu_link">官方论坛</a>
		<a class="menu_link">客服专区</a>
	</div>
</div>

<div id="video_box">
	<video id="video_ele" src="https://xyq.v.netease.com/2020/0302/fb5c89e0f98de8a767c8a771b4c17b22.mp4" autoplay loop
	       muted></video>
	<div id="img_box">
		<div id="img_box_left" class="img_div">
			<div id="img_wrap">
				<img src="./img/746d5b2c-7241-4c61-b5db-c753f0ea9822.png"><img
					src="./img/3913cdfb-8577-45d6-824c-dc0be1db7a09.jpg">
			</div>
			<div id="switch_box">
				<div id="switch_left" class="switch_bullet"></div>
				<div id="switch_right" class="switch_bullet"></div>
			</div>
		</div>
		
		<div id="img_box_right" class="img_div">
			<div id="news_box">
				<a class="news">最新</a>
				<a class="news">新闻</a>
				<a class="news">攻略</a>
				<a class="news">公告</a>
				<a class="news_more"></a>
			</div>
			<hr id="news_line">
			
			<div class="news_item">
				<div class="news_flag">推荐</div>
				<p>【新闻】全新《梦幻西游网页版》公测开启！来了就是大神</p>
				<a>06-05</a>
			</div>
			
			<div class="news_item">
				<p>【新闻】全新《梦幻西游网页版》公测开启！来了就是大神</p>
				<a>06-05</a>
			</div>
			<div class="news_item">
				<p>【新闻】全新《梦幻西游网页版》公测开启！来了就是大神</p>
				<a>06-05</a>
			</div>
		
		</div>
	</div>
</div>

<!--福利-->
<div class="welfare_container">
	<div class="welfare_box">
		<div class="left">
			<div class="icon"></div>
			
			<div class="welfare_wrap">
				<div class="welfare_title"></div>
				<div class="welfare_bottom"></div>
			</div>
			
			<div class="clearfix"></div>
			<div class="welfare_icon_box">
				<ul class="item">
					<li>
						<img src="./img/1_be77a8d.png">
						<p class="item_seg">免费vip5</p>
					</li>
					
					<li>
						<img src="./img/2_ae564c0.png">
						<p class="item_seg">无级别武器</p>
					</li>
					
					<li>
						<img src="./img/11_b41614f.png">
						<p class="item_seg">限量天青套装</p>
					</li>
					
					<li>
						<img src="./img/3_f516db9.png">
						<p class="item_seg">极品泡泡</p>
					</li>
					
					<li>
						<img src="./img/4_dcea367.png">
						<p class="item_seg">强力伙伴</p>
					</li>
					
					<li>
						<img src="./img/12_1c3d22d.png">
						<p class="item_seg">七彩小驴</p>
					</li>
					
					<li>
						<img src="./img/6_d8ebe05.png">
						<p class="item_seg">绝版称谓</p>
					</li>
					
					<li>
						<img src="./img/14_3ce5106.png">
						<p class="item_seg">超级神马</p>
					</li>
					
					<li>
						<img src="./img/7_ee3e426.png">
						<p class="item_seg">神兜兜</p>
					</li>
					
					<li>
						<img src="./img/10_d0b41c3.png">
						<p class="item_seg">海量仙玉</p>
					</li>
				</ul>
			</div>
		</div>
		<div class="right">
			<video class="autoplay" autoplay loop muted
			       src="https://nie.v.netease.com/r/video/20200413/4e41d84e-aa9a-4d29-90df-347ac2f4c076.mp4"></video>
		</div>
	</div>
</div>

<!--种族介绍-->
<div class="race_intro_box">
	<div class="top_title"></div>
	<div class="race_intro_wrap">
		<div class="left">
			<div class="left_bg"></div>
			<img class="img_icon" id="hero_pic"
			     src="./img/jxk_df4e529.png">
			<ul>
				
				<li>
					<div class="race_human title"></div>
				</li>
				<li>
					<div class="race_evil title"></div>
				</li>
				<li>
					<div class="race_fairy title"></div>
				</li>
			</ul>
		</div>
		
		<div class="right">
			<div class="sex_box">
				<ul>
					<li class="sex_male sex"></li>
					<li class="sex_female sex"></li>
				</ul>
			</div>
			
			<div class="sex_detail">
				<div>
					<img class="img_hero" id="hero_name"
					     src="./img/jxk_71305a6.png">
				</div>
				
				<div class="race_trait">
					<div class="trace_trait_title"></div>
					<p class="p1" id="skill_p1"></p>
					<p class="p2" id="skill_p2"></p>
				</div>
				
				<div class="race_skill">
					<div class="trace_skill_title"></div>
					<ul>
						<li>
							<div class="skill_div"></div>
							<p class="skill_title"></p>
							<p class="skill_content"></p>
						</li>
						
						<li>
							<div class="skill_div"></div>
							<p class="skill_title"></p>
							<p class="skill_content"></p>
						</li>
						
						<li>
							<div class="skill_div"></div>
							<p class="skill_title"></p>
							<p class="skill_content"></p>
						</li>
						
						<li>
							<div class="skill_div"></div>
							<p class="skill_title"></p>
							<p class="skill_content"></p>
						</li>
						
						<li>
							<div class="skill_div"></div>
							<p class="skill_title"></p>
							<p class="skill_content"></p>
						</li>
					
					</ul>
				</div>
			
			</div>
		</div>
	</div>
</div>

<!--游戏特色-->
<div class="game_wrap">
	<div class="game_title"></div>
	<div class="game_feature">
		<div class="feature_1 feature"></div>
		<div class="feature_2 feature"></div>
		<div class="feature_3 feature"></div>
		<div class="feature_4 feature"></div>
		<div class="feature_intro">
		</div>
	</div>
</div>


<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

<script>

</script>

</body>

</html>
